<div class="{{getBaseCssClasses (axis+"-arrow-up arrow-up")}}">
    <a href="javascript:void('up')">up</a>
</div>
<div class="{{getBaseCssClasses (axis+"-arrow-down arrow-down")}}">
    <a href="javascript:void('down')">down</a>
</div>
<div class="{{getBaseCssClasses (axis+"-track track")}}">
<div class="{{getBaseCssClasses (axis+"-drag drag")}}">
<div class="{{getBaseCssClasses (axis+"-drag-top")}}">
</div>
<div class="{{getBaseCssClasses (axis+"-drag-center")}}">
</div>
<div class="{{getBaseCssClasses (axis+"-drag-bottom")}}">
</div>
</div>
</div>